<template>
  <div>
    我在这里练习tailwind

    <div>
      Flex布局
      <div class="flex gap-4 p-2 h-20">
        <div class="flex-1 border border-gray-400 h-full ">
          <div class="flex items-center justify-center h-full">左侧</div>
        </div>
        <div class="flex-4 border border-blue-400 h-full">右侧</div>
      </div>
    </div>

  </div>
</template>

<script>

</script>